<template>
	<div class="index">

		<a-card style="margin: 15px;" hoverable="true">
			<a-row :gutter="16">
				<a-col :span="3">
					<h2 style="color: #1890ff;">Connect</h2>
				</a-col>
				<a-col :span="3">
					<h2>Address:</h2>
				</a-col>
				<a-col :span="5">
					<a-input disabled="false" v-model="address" />
				</a-col>
				<a-col :span="3">
					<h2>SecretKey:</h2>
				</a-col>
				<a-col :span="5">
					<a-input type="password" placeholder="" v-model="secretKey" />
				</a-col>
				<a-col :span="2">
					<a-button type="primary" @click="save()">
						Save
					</a-button>
				</a-col>
				<a-col :span="2">
					<a-button type="danger" @click="clean()">
						Clean
					</a-button>
				</a-col>
			</a-row>
		</a-card>
		
		<a-card style="margin: 15px" hoverable="true">
			<a-descriptions title="KapokMQ Config" bordered>
		
				<a-descriptions-item label="pushType">
					{{config.pushType}}
				</a-descriptions-item>
		
				<a-descriptions-item label="messageChanBuffer">
					{{config.messageChanBuffer}}
				</a-descriptions-item>
		
				<a-descriptions-item label="pushMessagesSpeed">
					{{config.pushMessagesSpeed}}
				</a-descriptions-item>
				<a-descriptions-item label="pushCount">
					{{config.pushCount}}
				</a-descriptions-item>
				<a-descriptions-item label="pushRetryTime">
					{{config.pushRetryTime}}
				</a-descriptions-item>
		
				<a-descriptions-item label="persistentFile">
					{{config.persistentFile}}
				</a-descriptions-item>
				<a-descriptions-item label="isPersistent">
					{{config.isPersistent}}
				</a-descriptions-item>
				<a-descriptions-item label="recoveryStrategy">
					{{config.recoveryStrategy}}
				</a-descriptions-item>
				<a-descriptions-item label="persistentTime">
					{{config.persistentTime}}
				</a-descriptions-item>
		
				<a-descriptions-item label="isCleanConsumed">
					{{config.isCleanConsumed}}
				</a-descriptions-item>
		
				<a-descriptions-item label="isRePush">
					{{config.isRePush}}
				</a-descriptions-item>
				<a-descriptions-item label="isClean">
					{{config.isClean}}
				</a-descriptions-item>
		
				<a-descriptions-item label="checkSpeed">
					{{config.checkSpeed}}
				</a-descriptions-item>
		
				<a-descriptions-item label="cleanTime">
					{{config.cleanTime}}
				</a-descriptions-item>
		
				<a-descriptions-item label="isCluster">
					{{config.isCluster}}
				</a-descriptions-item>
				<a-descriptions-item label="gossipPort">
					{{config.gossipPort}}
				</a-descriptions-item>
				<a-descriptions-item label="registryAddr">
					{{config.registryAddr}}
				</a-descriptions-item>
				<a-descriptions-item label="registryGossipPort">
					{{config.registryGossipPort}}
				</a-descriptions-item>
			
			
				<a-descriptions-item label="isSync">
					{{config.isSync}}
				</a-descriptions-item>
				<a-descriptions-item label="isSlave">
					{{config.isSlave}}
				</a-descriptions-item>
				<a-descriptions-item label="masterProtocol">
					{{config.masterProtocol}}
				</a-descriptions-item>
				<a-descriptions-item label="masterAddr">
					{{config.masterAddr}}
				</a-descriptions-item>
				<a-descriptions-item label="masterPort">
					{{config.masterPort}}
				</a-descriptions-item>
		
			</a-descriptions>
		</a-card>
	</div>
</template>

<script src="./Configure.js">

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.index {
		
	}
</style>
